const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  // publicPath:'./',
  devServer:{
    proxy:{
      // 这个地方设置'/api' 是因为公司项目的接口都是以/api开头的
      '/api':{
        target:'http://waimai.yantianfeng.com/',
        changeOrigin:true,
        pathRewrite:{}
      },
      // 如果项目的接口 一部分以/user开头，一部分以/shop开头，一部分以/address开头  设置多个代理是很麻烦的，可以临时给这些接口添加统一的前缀 /api2  这时所有的接口变成 
      //   /api2/user/xxx 
      //   /api2/shop/xxx 
      //   /api2/address/xxx 

      // 现在我（程序员）只需要设置一个代理即可，类似下面这样

      // '/api2':{
      //   target:'http://waimai.yantianfeng.com/',
      //   changeOrigin:true,
      //   pathRewrite:{//路径重写
      //     '^/api2':'/'
      //   }
      // },
      
      // 但是由于实际的接口 不包括 /api2 这部分的  这时可以用pathRewrite设置路径重写，去掉 /api2这部分 
      // 最终发出去的请求地址就是： /user/xxx  /shop/xxx   /address/xxx
    }
  }
})
